<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="点我1" id="btn1">
<input type="button" value="点我2" id="btn2">
<script>
    function $(id) {
        return document.getElementById(id);
    }

    function counter(){
        var i = 0;  //闭包
        function doCounter(){
            console.log(i);
            i++;
        }

        return doCounter;   //函数可以当作值被返回
    }
    var btn1 = $('btn1');
    var do1 = counter();//
    /*
     counter() 调用函数
     i开辟了一个内存新的空间
     返回 doCounter 值，这个值是一个函数
     do1 = doCounter
     */
    do1();
    do1();
    do1();


    var do2 = counter();
    /*
     counter() 调用函数
     i 开辟了一个内存新的空间
     */

    do2();
    do2();
    do2();
    do2();
    do2();
    do2();

    var do3 = counter();
    /*
     counter() 调用函数
     i 开辟了一个内存新的空间
     */
    do3();

//
</script>
</body>
</html>